{{! Progress section (ADR 0053): the section heading and the Progress element's steps, its markup and classes (progress/style.css and view.js, "requires": ["progress"]). }}
<div {{@attrs}}>{{#heading}}<div class="sv-sectionhead sv-sectionhead--{{headingAlign}}{{#headingSize}} sv-sectionhead--size-{{headingSize}}{{/headingSize}}"><h2 class="sv-sectionhead__title"{{@edit heading}}>{{{heading}}}</h2>{{#intro}}<p class="sv-sectionhead__text"{{@edit intro}}>{{intro}}</p>{{/intro}}</div>{{/heading}}{{^heading}}{{#intro}}<div class="sv-sectionhead sv-sectionhead--{{headingAlign}}{{#headingSize}} sv-sectionhead--size-{{headingSize}}{{/headingSize}}"><p class="sv-sectionhead__text"{{@edit intro}}>{{intro}}</p></div>{{/intro}}{{/heading}}<ol class="sv-progress{{#direction}} sv-progress--direction-{{direction}}{{/direction}}{{#circles}} sv-progress--circles-{{circles}}{{/circles}}{{#marker}} sv-progress--marker-{{marker}}{{/marker}}{{#progress}} sv-progress--progress-{{progress}}{{/progress}} sv-progress--done-{{done}}">{{#items}}<li class="sv-progress__step"><span class="sv-progress__marker" aria-hidden="true">{{#marker}}<span class="sv-progress__glyph sv-glyph-{{icon}}"></span>{{/marker}}</span><div class="sv-progress__content{{#box}} sv-card-{{box}}{{#boxCustom}} sv-card-custom{{/boxCustom}}{{/box}}"{{#boxCustom}} style="--sv-custom-card:{{boxCustom}}"{{/boxCustom}}>{{#marker}}<span class="sv-progress__number" aria-hidden="true"></span>{{/marker}}<h3 class="sv-progress__title"{{@edit items.title}}>{{{title}}}</h3>{{#text}}<p class="sv-progress__text"{{@edit items.text}}>{{text}}</p>{{/text}}</div></li>{{/items}}</ol></div>